@charset "UTF-8";
/* CSS Document */

.wrapper {
		background-color: #fff;
		color: #444;
		width: 100%;
	}

.wrapper {
    display: grid;
    grid-gap: 1em;
	grid-template-columns: 50% 50%;
    grid-template-areas:
     "splash-header splash-header"
     "splash-column1 splash-column2"
     "splash-column3 splash-column4"
  }

.splash-header {
		grid-area: splash-header;
	}

.splash-column1 {
		grid-area: splash-column1;
		margin-left: 10px;
	}

.splash-column2 {
		grid-area: splash-column2;
	}

.splash-column3 {
		grid-area: splash-column3;
	}

.splash-column4 {
		grid-area: splash-column4;
	}

.box {
  background-color: #fff;
  color: #000;
  border-radius: 5px;
  padding: 0px;
  font-size: 100%; 
}

.splash-header {
  background-color: #fff;
  text-align: center;
}

.splash-column2 {
}

	
.splash-19fbsec-list {
  list-style-type: none;
  margin: 0;
  width: 100%;
  background-color: #fff;
  border: 0px solid #555;
  display: inline;
  color: #999999;
  padding: 8px 8px;
  text-decoration: none;
  font-weight: 500;
  font-family: 'Roboto', sans-serif,Helvetica,Arial,sans-serif;
}    


.splash-19fbsec-list li a {
  display: block;
  color: #000;
  padding: 8px 8px;
  text-decoration: none;
  font-weight: 500;
  border-radius: 10px;
}
.splash-19fbsec-list li {
  display: block;
  color: #999999;
  padding: 8px 8px;
  text-decoration: none;
  font-weight: 500;
  border-radius: 10px;
}

.splash-19fbsec-list li:last-child {
  border-bottom: none;
  display: block;
  color: #999999;
  padding: 8px 8px;
  text-decoration: none;
  font-weight: 500;
}

.splash-19fbsec-list li a:hover:not(.active) {
  background-color: #000;
  color: #fff !important;
  border-radius: 10px;
}

.secsplash-buttonX {
	background-color:#ffffff;
	border-radius:26px;
	border:1px solid #d1d1d1;
	display:inline-block;
	cursor:pointer;
	color:#cc0000;
	font-size:17px;
	padding:5px 5px;
	text-decoration:none;
}
.secsplash-button:hover {
	background-color:#cc0000;
    color: #fff;
}
.secsplash-button:active {
	position:relative;
	top:1px;
}	

.item-head {
  color: #000;
  background-color: #fff;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 14px;
  text-align: left;
  border-bottom: thin solid #ddd;
  font-family: 'Roboto', sans-serif,Helvetica,Arial,sans-serif;
  letter-spacing: 0.2em;
}

.item-image {
  display: block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100px; 
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
    background-color: #fff;
}
	
@media only screen and (min-width: 500px)  {
	.wrapper {
		grid-template-columns: 50% 50%;
		grid-template-areas:
    	"splash-header splash-header"
		"splash-column1 splash-column2"
		"splash-column3 splash-column4"
	}
	.item-head {font-size: 18px;}
	.item-image {width: 150px;}
	}	
@media only screen and (min-width: 800px)  {
	.wrapper {
		grid-template-columns: 25% 25% 25% 25%;
		grid-template-areas:
    	"splash-header splash-header splash-header splash-header"
		"splash-column1 splash-column2 splash-column3 splash-column4"
	}
	.item-head {font-size: 20px;}
	.item-image {width: 175px;}
	}